<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Single Element CSS Spinners</title>
    <link rel="stylesheet" href="../scripts/plugins/loading_style/main.css">
    <link rel="stylesheet" href="../scripts/plugins/loading_style/load1.css">
    <link rel="stylesheet" href="../scripts/plugins/loading_style/load2.css">
    <link rel="stylesheet" href="../scripts/plugins/loading_style/load3.css">
    <link rel="stylesheet" href="../scripts/plugins/loading_style/load4.css">
    <link rel="stylesheet" href="../scripts/plugins/loading_style/load5.css">
    <link rel="stylesheet" href="../scripts/plugins/loading_style/load6.css">
    <link rel="stylesheet" href="../scripts/plugins/loading_style/load7.css">
    <link rel="stylesheet" href="../scripts/plugins/loading_style/load8.css">
</head>
<body>
<div class="inner">
    <div class="load-container load1">
        <div class="loader">Loading...</div>
        <a href="#load1">&lt; View Source1 &gt;</a>
    </div>
    <div class="load-container load2">
        <div class="loader">Loading...</div>
        <a href="#load2">&lt; View Source2 &gt;</a>
    </div>
    <div class="load-container load3">
        <div class="loader">Loading...</div>
        <a href="#load3">&lt; View Source3 &gt;</a>
    </div>
    <div class="load-container load4">
        <div class="loader">Loading...</div>
        <a href="#load4">&lt; View Source4 &gt;</a>
    </div>
    <div class="load-container load5">
        <div class="loader">Loading...</div>
        <a href="#load5">&lt; View Source5 &gt;</a>
    </div>
    <div class="load-container load6">
        <div class="loader">Loading...</div>
        <a href="#load6">&lt; View Source6 &gt;</a>
    </div>
    <div class="load-container load7">
        <div class="loader">Loading...</div>
        <a href="#load7">&lt; View Source7 &gt;</a>
    </div>
    <div class="load-container load8">
        <div class="loader">Loading...</div>
        <a href="#load8">&lt; View Source8 &gt;</a>
    </div>
</div>
</body>
</html>